<template>
  <div class="linearShapeController-container">
    <!-- <configure-layout title="填充颜色">
      <el-color-picker
        slot="controller"
        v-model="configure.cssStyle.fill"
        size="medium"
        show-alpha
      ></el-color-picker>
    </configure-layout> -->
    <configure-layout title="描边颜色">
      <el-color-picker
        slot="controller"
        v-model="configure.cssStyle.stroke"
        size="medium"
        show-alpha
      ></el-color-picker>
    </configure-layout>
    <configure-layout title="描边宽度">
      <el-input-number
        slot="controller"
        :precision="0"
        size="mini"
        v-model="configure.cssStyle.strokeWidth"
      ></el-input-number>
    </configure-layout>
  </div>
</template>

<script>
import configureLayout from "../../../common/layout/configureLayout.vue";

export default {
  components: {
    configureLayout,
    // vectorTwo,
  },
  props: {
    configure: {
      type: Object,
      required: true,
    },
  },
};
</script>

<style lang="less" scoped></style>
